<template>
  <div class="footer">
    <div class="footer-left">
      <div class="footer-left-first">
        <span style="font-weight: bold">CuGenDB</span>
        <span> is developed by <a>FeiLab</a> and host at <a>BTI</a></span>
      </div>
      <div class="footer-left-sencond">
        Yu H,Qi Y,Yang B,et at G4Atlas: a comprehensive transcriptome-wide G-quadrulex databas.Nucleic Acids
        Research.doi:10.1093/nar/gkac896
      </div>
    </div>
    <div class="footer-right">
      <div class="footer-right-first">
        <img src="../../../assets/images/icon.png" class="footer-right-img">
        <div class="footer-right-message">EPIPARA</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      footers: [
        {
          date: '2022-10',
          msg: 'Improved display on mobile Uodating Arabidopsis data toa add support for non-coding RNAs'
        },
        {
          date: '2022-10',
          msg: 'Improved display on mobile Uodating Arabido'
        }
      ]
    }
  },
  methods: {}
}
</script>

<style scoped>

.footer-right-message {
  font-size: 30px;
  color: white;
  margin-left: 30px;
  margin-top: 15px;
}

.footer-right-img {
  height: 50px;
  width: 60px;
  margin-left: 10px;
  margin-top: 5px;
  border-radius: 0;
}

.footer-right-first {
  display: flex;
}

.footer-left-first a {
  color: #0663BE;
  text-decoration:underline
}

.footer-left-sencond {
  padding-left: 10px;
}

.footer-left-first {
  padding-top: 10px;
  padding-left: 10px;
}

.footer-left {
  width: 80%;
  color: white;
}

.footer-right {
  margin-left: 10px;
  flex: 1;
  background-color: #657c9c;
}

.footer {
  display: flex;
  height: 60px;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #657c9c;
}
</style>
